<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>NEd</title>

<link rel="stylesheet" type="text/css" href="{{ url_for('.static', filename='css/main.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ url_for('.static', filename='css/styles.css') }}" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="{{ url_for('.static', filename='js/jquery.flip.min.js') }}"></script>
<script type="text/javascript" src="{{ url_for('.static', filename='js/flip.js') }}"></script>

<script type="text/javascript" src="{{ url_for('.static', filename='js/script.js') }}"></script>

</head>

<body>

	<header>
		<div class="container">
			<h1 class="logo">NEd</h1>
		</div>
	</header>

	<div class="container">
		<div class="jumbo">
			<h2>Welcome to the NEd app</h2>
			<h3>This is the home page for the NEd app</h3>
		</div>
	</div>
	<div id="main">
		<div class='sponsorListHolder'>
			{% for lib in libraries %}
			<div class="sponsor" title="Click to flip">
				<div class="sponsorFlip">
					<img src="{{ lib.image }}" alt="{{ lib.name }}"/>
				</div>
				<div class="sponsorData">
					<div class="sponsorDescription">
						{{ lib.description }}
					</div>
					<div class="sponsorURL">
						<a href="/library/{{ lib.id }}">'{{ lib.name }}'</a>
					</div>
				</div>
			</div>
			{% endfor %}
		</div>
	</div>

</body>
</html>
